<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航栏订单提示</title>
    <link rel="stylesheet" href="../../layui/src/css/layui.css">
    <script src="../../layui/src/layui.js"></script>
</head>
<style>
.tableClass{
    width: 100%;
    height: 100%;
}

.titleClass{
    color: #696867;

}
 .contentClass{
     width: 300px;
}
.colred{
    color: red;
}
tr{
    height: 40px;
    border-bottom: 1px solid #ffffff;
}
</style>
<body>
    <table class="tableClass">
        <tr>
            <td class="titleClass">订单提示</td>

        </tr>
        <tr>
            <td class="contentClass">待付款订单</td>
            <td class="colred">(10)</td>
        </tr>
        <tr>
            <td  class="contentClass">待发货订单</td>
            <td class="colred">(10)</td>
        </tr>
        <tr>
            <td  class="contentClass">已发货订单</td>
            <td class="colred">(10)</td>
        </tr>
        <tr>
            <td  class="contentClass">已完成订单</td>
            <td class="colred">(10)</td>
        </tr>
        <tr>
            <td class="titleClass">广告位提示</td>
        </tr>
        <tr>
            <td  class="contentClass">广告位即将到期</td>
            <td class="colred">(10)</td>
        </tr>
    </table>



<script>
    layui.use(['element','layer'], function() {
        var $ = layui.jquery,element = layui.element,layer=layui.layer;

    })
</script>
</body>
</html>